<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>光影世界 · 首页</title>
    <link rel="stylesheet" href="assets/style.css">
</head>

<body>
    <header class="container">
        <h1 class="site-title">光影世界</h1>
        <p class="site-subtitle">发现电影之美，品味光影艺术</p>
    </header>
    <nav class="container" style="margin-top:12px"><a class="nav-item" href="categories/plot.html">剧情</a> <a
            class="nav-item" href="categories/animation.html">动画</a> <a class="nav-item"
            href="categories/scifi.html">科幻</a> <a class="nav-item" href="categories/featured.html">热门</a></nav>
    <main class="container" style="margin-top:20px">
        <section style="display:grid;grid-template-columns:2fr 1fr;gap:18px">
            <div>
                <div class="banner" style="padding:18px;border-radius:8px">
                    <div class="kicker">策展推荐</div>
                    <h2>本期专题：光影中的情感与想象</h2>
                    <p class="lead">我们扩展了每个模块的条目，并为每部电影撰写了更为详尽的影评与评分，点击“查看更多”进入单片影评页。</p>
                </div>
                <section style="margin-top:18px">
                    <h3 class="section-title">本周热映（节选）</h3>
                    <div
                        style="display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px">
                        <a class="card"
                            style="display:block;padding:12px;border-radius:8px;background:#fff;border:1px solid #eee"
                            href="categories/plot.html">
                            <h4 style="margin:0">剧情精选</h4>
                            <p style="margin:6px 0 0;color:#666">深刻的人物故事</p>
                        </a><a class="card"
                            style="display:block;padding:12px;border-radius:8px;background:#fff;border:1px solid #eee"
                            href="categories/animation.html">
                            <h4 style="margin:0">动画精选</h4>
                            <p style="margin:6px 0 0;color:#666">温暖的想象</p>
                        </a><a class="card"
                            style="display:block;padding:12px;border-radius:8px;background:#fff;border:1px solid #eee"
                            href="categories/scifi.html">
                            <h4 style="margin:0">科幻精选</h4>
                            <p style="margin:6px 0 0;color:#666">思辨与视效</p>
                        </a><a class="card"
                            style="display:block;padding:12px;border-radius:8px;background:#fff;border:1px solid #eee"
                            href="categories/featured.html">
                            <h4 style="margin:0">热门推荐</h4>
                            <p style="margin:6px 0 0;color:#666">影迷必看</p>
                        </a>
                    </div>
                </section>
            </div>
            <aside>
                <div class="sidebar" style="padding:12px">
                    <h4 class="sidebar-title">快速导航</h4>
                    <ul style="list-style:none;padding:0;margin:0">
                        <li style="margin-bottom:8px"><a href="modules/plot-landing.html">剧情主题页</a></li>
                        <li style="margin-bottom:8px"><a href="modules/animation-landing.html">动画主题页</a></li>
                        <li style="margin-bottom:8px"><a href="modules/scfi-landing.html">科幻主题页</a></li>
                        <li style="margin-bottom:8px"><a href="categories/featured.html">热门推荐</a></li>
                    </ul>
                </div>
            </aside>
        </section>
    </main>
    <footer class="container" style="padding:18px 0;border-top:1px solid #eee;margin-top:18px">© 2025 光影世界<br> created by 六个人的群聊</footer>
</body>

</html>